.cloud {
    margin: 10px;
}

.cloud-tagRenderer {
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
    background-color: #E8EEF7;
    cursor: pointer;
    border: 0px;
}

.cloud {
    margin: 10px;
}

.cloud-tagRenderer {
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
    background-color: #E8EEF7;
    cursor: pointer;
    border: 0px;
}

.cloud {
    margin: 10px;
}

.cloud-tagRenderer {
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
    background-color: #E8EEF7;
    cursor: pointer;
    border: 0px;
}

.cloud-tagRenderer-0 {font-size: 12px;}
.cloud-tagRenderer-1 {font-size: 13px;}
.cloud-tagRenderer-2 {font-size: 14px;}
.cloud-tagRenderer-3 {font-size: 15px;}
.cloud-tagRenderer-4 {font-size: 20px;}
.cloud-tagRenderer-5 {font-size: 30px;}
.cloud-tagRenderer-6 {font-size: 40px;}
.cloud-tagRenderer-7 {font-size: 50px;}
.cloud-tagRenderer-8 {font-size: 60px;}
.cloud-tagRenderer-9 {font-size: 70px;}

.cloud-tagRenderer-inactive {
    color: #aaa;
}

.cloud-tagRenderer-active {
    color: #000;
    font-weight: bold;
}

.cloud-extension {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}

.cloud-extension div {
    padding: 2px;
}

/* filter */
.cloud-filter div {
    padding: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
    font-size: 10px;
}

.cloud-filter input {
    width: 130px;
}

.cloud-filter-textbox-inactive {
    background: #eee;
    border: 0px;
    border: 1px solid #ddd;
    text-align: center;
}

.cloud-filter-textbox-inactive:hover {
    background: #ffffdc;
}

.cloud-filter-textbox-active {
    background: #ffffdc;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: left;
}

.cloud-tagRenderer-inactive {
    color: #aaa;
}

.cloud-tagRenderer-active {
    color: #000;
    font-weight: bold;
}

.cloud-extension {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}

.cloud-extension div {
    padding: 2px;
}

/* filter */
.cloud-filter div {
    padding: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
    font-size: 10px;
}

.cloud-filter input {
    width: 130px;
}

.cloud-filter-textbox-inactive {
    background: #eee;
    border: 0px;
    border: 1px solid #ddd;
    text-align: center;
}

.cloud-filter-textbox-inactive:hover {
    background: #ffffdc;
}

.cloud-filter-textbox-active {
    background: #ffffdc;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: left;
}

.cloud-tagRenderer-inactive {
    color: #aaa;
}

.cloud-tagRenderer-active {
    color: #000;
    font-weight: bold;
}

.cloud-extension {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}

.cloud-extension div {
    padding: 2px;
}

/* filter */
.cloud-filter div {
    padding: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
    font-size: 10px;
}

.cloud-filter input {
    width: 130px;
}

.cloud-filter-textbox-inactive {
    background: #eee;
    border: 0px;
    border: 1px solid #ddd;
    text-align: center;
}

.cloud-filter-textbox-inactive:hover {
    background: #ffffdc;
}

.cloud-filter-textbox-active {
    background: #ffffdc;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: left;
}